<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:body>

        <ui:composition template="./../plantillas/plantillaBase.xhtml">

            <ui:define name="titulo">
                Expediente
            </ui:define>
            <ui:define name="scriptMapa">
                <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
                <script type="text/javascript" src="../resources/js/validaciones/validacion.js"></script>
            </ui:define>
            <ui:define name="editortexto">
                <script type="text/javascript" src="../resources/js/ckeditor/ckeditor.js"></script>
                <script type="text/javascript" src="../resources/js/editor.js"/>
                <script type="text/javascript">
                    window.onload = function()
                          {
                                 CARGARCKE();
                                 ESTILOCKE();
                                 CARGARCKECON();
                                 ESTILOCKECON();
                                 copiarconclus();
                                 copiaresolucion();
                          }
                </script>
            </ui:define>
            <ui:define name="contenido">
                <p:tooltip global="true"/>
                <h:form id="modificando" prependId="false" enctype="multipart/form-data">
                    <p:fieldset legend="Número de  Expediente">
                        <h:panelGrid columns="3" width="500" cellspacing="8"  >
                            <h:outputLabel for="numExpediente" value="Número de expediente:"/>
                            <h:inputText id="numExpediente" value="#{managerModificarExpediente.numeroExpediente}" readonly="true" />
                        </h:panelGrid>
                    </p:fieldset>
                    <!-- tab de solicitud -->
                    <br/>
                    <p:tabView>
                        <p:tab title="Solicitud"  >
                            <ui:include src="./solicitud.xhtml" />
                        </p:tab>
                        <p:tab title="Visita Técnica">
                            <ui:include src="./reprogramarVisitaTecnica.xhtml" />
                        </p:tab>
                        <!-- tab de informe Tecnico -->
                        <p:tab id="IT" title="Informe Técnico">
                            <p:commandButton value="Crear informe" id="crearIT" process="@this acordionIT IT" update="messagesIT IT" rendered="#{!managerModificarExpediente.existeIT}" actionListener="#{managerModificarExpediente.cambiarVisibilidad}"/>
                            <p:growl showDetail="true" id="messagesIT"/>
                            <p:accordionPanel  autoHeight="false" id="acordionIT" rendered="#{managerModificarExpediente.existeIT}">
                                <p:tab title="1. Identificación y Localización">
                                    <ui:include src="./informeTecnico/identificacionyLocalizacion.xhtml" />
                                </p:tab>
                                <p:tab title="2. Regimen de Propiedad y Uso del Suelo">
                                    <ui:include src="./informeTecnico/regimenPropiedad.xhtml" />
                                </p:tab>
                                <p:tab title="3. Categorización, Protección y Reseña">
                                    <ui:include src="./informeTecnico/categorizacionResenia.xhtml" />
                                </p:tab>
                                <p:tab title="4. Características Arquitectónicas ">
                                    <ui:include src="./informeTecnico/caracteristicasArquitectonicas.xhtml" />
                                </p:tab>
                                <p:tab title="5. Tipologías Constructivas y Estado de Conservación">
                                    <ui:include src="./informeTecnico/tipologiaConstructivaEstadoConservacion.xhtml" />
                                </p:tab>
                                <p:tab title="6. Entorno">
                                    <ui:include src="./informeTecnico/entorno.xhtml" />
                                </p:tab>
                                <p:tab title="7. Valorización">
                                    <ui:include src="./informeTecnico/valorizacion.xhtml" />
                                </p:tab>
                                <p:tab title="8. Conclusión">
                                    <ui:include src="./informeTecnico/conclusion.xhtml" />
                                </p:tab>
                                <p:tab title="9. Registro Fotográfico">
                                    <ui:include src="./informeTecnico/registroFotografico.xhtml" />
                                </p:tab>
                                <p:tab title="10. Bibliografía">
                                    <ui:include src="./informeTecnico/bibliografia.xhtml" />
                                </p:tab>
                                <p:tab title="11. Glosario">
                                    <ui:include src="./informeTecnico/glosario.xhtml" />
                                </p:tab>
                            </p:accordionPanel>
                        </p:tab>
                        <!--tab de Observaciones -->
                        <p:tab title="Observaciones">
                            <ui:include src="./observacion.xhtml" />
                        </p:tab>
                        <!--tab de Resolucion -->
                        <p:tab title="Resolución">
                            <ui:include src="./resolucion.xhtml" />
                        </p:tab>
                    </p:tabView>
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
